<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>投产表</title>
    <link rel="stylesheet" href="../commonCss/reset.css" />
    <link rel="stylesheet" href="../commonCss/vant.css" />
    <link rel="stylesheet" href="../css/productTableUndone.css">
</head>

<body>
    <div id="ProductTable" v-cloak>
        <van-sticky>
            <van-nav-bar style="background-color: #e1e1e1e1;">
                <template #title>
                    <span style="font-size: 16px;font-weight: bold;">投产表（未完成）</span>
                </template>
            </van-nav-bar>
        </van-sticky>

        <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" :immediate-check="false">
            <van-cell v-for="item in list" :key="item" :title="item.ROWID" @click="msgPopoverBtn(item.touchanid)">
                <template #title>
                    订单号：{{item.ddbh}}
                </template>
                <template #label>
                    <div>
                        <van-row type="flex" justify="space-between">
                            <van-col>品种：{{item.cpbh}}</van-col>
                            <van-col>客户：{{item.khmc}}</van-col>
                        </van-row>
                        <van-row type="flex" justify="end">
                            <van-col style="margin-right: 15px;">创建人：{{item.creator}}</van-col>
                            <van-col>已处理：{{item.Pending}}</van-col>
                        </van-row>
                    </div>
                </template>
            </van-cell>

        </van-list>

        <van-popup v-model="msgPopover" position="right" style="width: 100%;height: 100%;background: #eee;">
            <div class="bar">
                <van-sticky>
                    <van-nav-bar title="查看详情">
                        <template #left>
                            <div class="backStyle" @click="msgPopover = false">
                                <van-icon name="arrow-left"></van-icon>
                                <span>返回</span>
                            </div>
                        </template>
                    </van-nav-bar>
                </van-sticky>
                
                <div class="nav_bar">
                    <p>投产部门：{{dataObj.bumen}}</p>
                    <p>业务员：{{dataObj.creator}}</p>
                    <p>投产日期：<span>{{dataObj.createtime}}</span></p>
                </div>
                <!-- 第一个 -->
                <div class="box">
                    <h2>投产基本信息</h2>
                    <div class="card">
                        <div class="isflexBet pSty">
                            <p>是否有订单生产 :</p>
                            <p class="textColor">是</p>
                        </div>
                        <div class="isflexBet pSty">
                            <p>价格审批编号 :</p>
                            <p class="textColor">{{dataObj.shenpibh}}</p>
                        </div>
                        <div class="isflexBet pSty">
                            <p>生产计划书号 :</p>
                            <p class="textColor">{{dataObj.scjhdh}}</p>
                        </div>
                        <div class="isflexBet pSty">
                            <p>产品编码/色号 :</p>
                            <p class="textColor">{{dataObj.cpbh}}</p>
                        </div>
                        <div class="isflexBet pSty">
                            <p>投产数量 :</p>
                            <p class="textColor">{{dataObj.订单数量}}</p>
                        </div>
                        <div class="isflexBet pSty">
                            <p>客户接受的±数量 :</p>
                            <p class="textColor">{{dataObj.客户接受数量}}</p>
                        </div>
                    </div>
                </div>
                <!-- 第二个 -->
                <div class="box">
                    <h2>订货产品基本要求</h2>
                    <div class="card">
                        <h3>基本生产要求:</h3>
                        <div class="card2">
                            <div class="isflexBet pSty">
                                <p>组织规格:</p>
                                <p class="textColor">{{dataObj.组织规格}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>包边门幅:</p>
                                <p class="textColor">{{dataObj.包边门幅}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>颜色名称:</p>
                                <p class="textColor">{{dataObj.颜色名称}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>颜色偏向:</p>
                                <p class="textColor">{{dataObj.颜色偏向}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>织布机型:</p>
                                <p class="textColor">{{dataObj.织布机型}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>胚布注意事项:</p>
                                <p class="textColor">{{dataObj.胚布注意事项}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>后整理方式:</p>
                                <p class="textColor">{{dataObj.后整理方式}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>跟色缸号:</p>
                                <p class="textColor">{{dataObj.跟色缸号}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>重量要求:</p>
                                <p class="textColor">{{dataObj.洗前克}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>色牢度要求:</p>
                                <p class="textColor">{{dataObj.色牢度要求}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>要求普洗直缩:</p>
                                <p class="textColor">{{dataObj.要求普洗直缩}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>要求普洗横缩:</p>
                                <p class="textColor">{{dataObj.要求普洗横缩}}</p>
                            </div>
                        </div>
                        <h3>验收及洗水要求, 包装及运输要求:</h3>
                        <div class="card2">
                            <div class="isflexBet pSty">
                                <p>验收标准：</p>
                                <p class="textColor">{{dataObj.验收标准}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>成品验布要求：</p>
                                <p class="textColor">{{dataObj.成品验布要求}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>标签是否更换：</p>
                                <p class="textColor">{{dataObj.标签是否更换}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>包装要求：</p>
                                <p class="textColor">{{dataObj.包装要求}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>匹长要求：</p>
                                <p class="textColor">{{dataObj.胚长要求}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>匹条要求：</p>
                                <p class="textColor">{{dataObj.匹条要求}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>成衣洗水方式：</p>
                                <p class="textColor">{{dataObj.成衣洗水方式}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>洗水风险：</p>
                                <p class="textColor">{{dataObj.洗水风险}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>特别注意事项：</p>
                                <p class="textColor">{{dataObj.特别注意事项}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>成品检测项目：</p>
                                <p class="textColor">{{dataObj.成品检测项目}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>成品使用方向：</p>
                                <p class="textColor">{{dataObj.成品使用方向}}</p>
                            </div>
                            <div class="isflexBet pSty">
                                <p>其他要求：</p>
                                <p class="textColor">{{dataObj.其他要求}}</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 第三个 -->
                <div class="box">
                    <h2>客户其他要求</h2>
                    <div class="card">
                        <div class="isflexBet pSty">
                            <p>是否有OK板 :</p>
                            <p class="textColor">{{dataObj.是否OK板}}</p>
                        </div>
                        <div class="isflexBet pSty">
                            <p>何时给OK板给产品部 :</p>
                            <p class="textColor">{{dataObj.何时给OK板产品部}}</p>
                        </div>
                        <div class="isflexBet pSty">
                            <p>船头头板要求 :</p>
                            <p class="textColor">{{dataObj.船头头板要求}}</p>
                        </div>
                        <div class="isflexBet pSty">
                            <p>风格 :</p>
                            <p class="textColor">{{dataObj.风格}}</p>
                        </div>
                        <div class="isflexBet pSty">
                            <p>品种使用情况 :</p>
                            <p class="textColor">{{dataObj.品种使用情况}}</p>
                        </div>
                        <div class="isflexBet pSty">
                            <p>扣退记录 :</p>
                            <p class="textColor">{{dataObj.扣退记录}}</p>
                        </div>
                    </div>
                </div>
                <!-- 第四个 -->
                <div class="box">
                    <h2>投产部门其他要求</h2>
                    <div class="card">
                        <div class="isflexBet pSty">
                            <p>是否需留板 :</p>
                            <p class="textColor">{{dataObj.是否需留板}}</p>
                        </div>
                        <div class="isflexBet pSty">
                            <p>成品出货时间 :</p>
                            <p class="textColor">{{dataObj.成品出货时间}}</p>
                        </div>
                        <div class="isflexBet pSty">
                            <p>是否在成品入仓后10天内出货:</p>
                            <p class="textColor">{{dataObj.成品出货时间}}</p>
                        </div>
                        <div class="isflexBet pSty">
                            <p>备注 :</p>
                            <p class="textColor">{{dataObj.备注}}</p>
                        </div>
                    </div>
                </div>
                <van-button type="info" size="large" @click="clickMsgBtn">审核</van-button>


            </div>
        </van-popup>

        <van-popup v-model="showMsg" style="width: 100%;height: 100%;background: #eee;">
            <div class="list_content">
                <van-nav-bar title="审核" left-arrow @click-left="showMsg = false">
                </van-nav-bar>
                <van-steps direction="vertical" :active="processList.length-1">
                    <van-step v-for="(item, index) of processList" :key="index+'processList'">
                        <h3 style="margin-bottom: 6px;">{{item.content}}</h3>
                        <p style="margin-bottom: 6px;">操作人: {{item.loggor}}</p>
                        <div class="viewSty" v-show="item.idea">
                            <p class="view_text1">意见：</p>
                            <p class="view_text2">{{item.idea}}</p>
                        </div>
                        <p>{{item.logtime}}</p>
                    </van-step>

                </van-steps>
            </div>
            <van-form @submit="onSubmit" v-show="dataObj.need == 1">
                <van-field name="radio" label="审核状态">
                    <template #input>
                        <van-radio-group v-model="radio" direction="horizontal">
                            <van-radio name="通过" style="padding: 5px;">通过</van-radio>
                            <van-radio name="不通过" style="padding: 5px;">不通过</van-radio>
                        </van-radio-group>
                    </template>
                </van-field>
                <van-field v-model="message" label="审核意见:" placeholder="可填写" rows="2" type="textarea" show-word-limit>
                </van-field>
                <div style="margin: 16px;">
                    <van-button round block type="info" native-type="submit">
                        保存
                    </van-button>
                </div>
            </van-form>
        </van-popup>
    </div>
</body>
<script src="../commonJs/vue.min.js"></script>
<script src='http://dongtai.fsslpc.com/w/web/common/jquery.js'></script>
<script src="../commonJs/vant.min.js"></script>
<script src="../commonJs/common.js"></script>
<script src="../js/productTableUndone.js"></script>

</html>